@import '../def.scss';
.content{
	// width: 690rpx;
	margin-top: 20rpx;
}
.list {
		width: 100%;
		margin-bottom: 20rpx;
		.item {
			padding: 0 30rpx;
			box-sizing: border-box;
			width: 100%;
			height: 130upx;
			@extend .flex-row-center;
			background: #FFFFFF;
			border-bottom: 1px solid $line_color_normal;
			.avatar {
				width: 88rpx;
				height: 88rpx;
				font-size: 0;
				position: relative;
				image {
					width: 100%;
					height: 100%;
					border-radius: 50%;
				}
				.unread{
					width: 16rpx;
					height: 16rpx;
					background: #FF4344;
					border: 2px solid #FFFFFF;
					border-radius: 50%;
					position: absolute;
					top:0upx;
					right:0upx;
					color:#FFFFFF;
					text-align: center;
					line-height: 25upx;
					font-size: $f18;
				}
			}
			.info {
				margin-left: 20upx;
				width: calc(100% - 120rpx);
				.title {
					width: 100%;
					@extend .flex-row-center-space;
					.nickname {
						font-size: 28rpx;
						color: #333333;
						line-height: 40rpx;
						font-weight: 500;
					}
					.time {
						font-size: $f24;
						line-height: 34upx;
						color: #9298A3;
					}
				}
				.desc {
					width: 100%;
					@extend .nowrap;
					font-size: $f24;
					color: #666666;
					line-height: 34upx;
					margin-top: 16rpx;
					position:relative;
					padding-right: 30rpx;
					box-sizing: border-box;
					
				}
			}
		}
	}